<template>
    <div class="collect-page">
        <div class="body">
            <Navigator>
                <template v-slot:center>
                    <div class="title">我的收藏</div>
                </template>
                <template v-slot:right>
                    <div class="btn-search icon" @click="toSearchPage">
                        <img :src="require(`@/assets/icon/search_dark.png`)" />
                    </div>
                </template>
            </Navigator>

            <CollectBody :showAll="true" />
        </div>
    </div>
</template>

<script>
import CollectBody from "@/pages/profile/components/collect/index";

export default {
    components: {
        CollectBody
    },
    data() {
        return {};
    },

    methods: {
        toSearchPage() {
            this.$router.push({
                path: "/search"
            });
        }
    }
};
</script>


<style lang="less" scoped>
.collect-page {
    .body {
        width: 100%;
        .btn-search {
            width: 45px;
        }
    }
}
</style>